<template>
	<view>
		<!-- 导航栏 -->
		<uni-nav-bar fixed="true" statusBar="true">
			<template>
				<view class="title">任务详情</view>
			</template>
			<template slot="left">
				<navigator url="/pages/bountyHunter7/bountyHunter7" hover-class="none">
					<uni-icons type="arrowleft" size="30" ></uni-icons>
				</navigator>
			</template>
		</uni-nav-bar>
		<view class="padding30">
			<view class="flex">
				<image src="/static/image/tabbar/tb51.png" mode="aspectFill" class="taskDatalAvater"></image>
				<view>
					<view>张三</view>
					<view class="faBuTime">发布时间：2020.07.02 18：00：00</view>
				</view>
			</view>
			<view>
				<view class="taskDetailTitle">任务标题</view>
				<view class="taskDetailMiaosu">
					任务描述任务描述任务描述任务描述任务描述任务描述任务描述
					任务描述任务描述任务描述任务描述任务描述任务描述任务描述
					任务描述任务描述任务描述任务描述任务描述任务描述任务描述
				</view>
				<view>
					<image src="../../../static/image/tabbar/tb31.png" class="taskDetaiImg" mode="aspectFill"></image>
					<image src="../../../static/image/tabbar/tb31.png" class="taskDetaiImg" mode="aspectFill"></image>
					<image src="../../../static/image/tabbar/tb31.png" class="taskDetaiImg" mode="aspectFill"></image>
				</view>
				
			</view>
		</view>
		<view class="taskDetailBottom">
			<view class="taskDetailPrice">
				<text class="taskDetailY">￥</text>
				<text>10万</text>
			</view>
			<view class="taskBottonBtn">领任务</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.title{
	width: 100%;
	text-align: center;
}
.padding30{
	padding: 30rpx;
}
.taskDatalAvater{
	width:80rpx;
	height: 80rpx;
	margin-right: 20rpx;
}
.flex{
	display: flex;
}
.faBuTime{
	font-size: 25rpx;
	color: #C0C0C0;
}
.taskDetailTitle{
	margin: 20rpx 0;
}
.taskDetailMiaosu{
	font-size: 27rpx;
}
.taskDetaiImg{
	width: 220rpx;
	height: 220rpx;
}
.taskDetailBottom{
	width: 100vw;
	height: 80rpx;
	display: flex;
	justify-content: space-between;
	position: fixed;
	left: 0;
	bottom: 0;
}
.taskBottonBtn{
	width: 60vw;
	background-color: #007AFF;
	color: #FFFFFF;
	text-align: center;
	line-height: 80rpx;
}
.taskDetailPrice{
	font-size: 40rpx;
	font-weight: bold;
	text-align: center;
	line-height: 80rpx;
	color: #FF0000;
	width: 40vw;
}
.taskDetailY{
	font-size: 25rpx;
}
</style>
